@(title: String)(id: String)(content: Html)(implicit request: RequestHeader)

<!DOCTYPE html>

<html lang="en">
	<head>
		<title>@title</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-fileinput-master/css/fileinput.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrapvalidator-master/dist/css/bootstrapValidator.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("select2-4.0.3/dist/css/select2.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap/css/bootstrap-theme.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("font-awesome-4.7.0/css/font-awesome.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/layout.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/components.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/uniform.default.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/my.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("config/css/my-model.css")">
		<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.ico")">
		<script src="@routes.Assets.at("bootstrap/js/jquery-3.1.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/jquery-migrate-1.2.1.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/bootstrap-table.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/metronic.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/layout.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/qucik-siderbar.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/demo.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-sweetalert-master/dist/sweetalert.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/bootstrap-table-export.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/export/tableExport.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("layer-v3.0/layer/layer.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/select2.full.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("select2-4.0.3/dist/js/i18n/zh-CN.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("Highcharts-5.0.12/code/highcharts.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/bootstrap3-typeahead.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("plotly/dist/plotly.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/multiselect.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("javascripts/global.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrapvalidator-master/dist/js/bootstrapValidator.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/fileinput.min.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("bootstrap-fileinput-master/js/locales/zh.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("config/js/jquery.cookie.js")" type="text/javascript"></script>
		<script src="@routes.Assets.at("config/js/jump.js")" type="text/javascript"></script>

	</head>
	<body class="page-header-fixed page-quick-sidebar-over-content">
		<div class="page-container">
			@left(id)
			<div class="page-content-wrapper">
			@content
			</div>
		</div>
	</body>
	<script>
			jQuery(document).ready(function () {
				// initiate layout and plugins
				Metronic.init(); // init metronic core components
				Layout.init(); // init current layout
				QuickSidebar.init(); // init quick sidebar
				Demo.init(); // init demo features
				if (window.location.hostname != "localhost") {
					jumpConfig("protein")
				}


			});

			function updateHeader() {
				$.ajax({
					url: "@routes.ProjectController.getAllProject()",
					type: "get",
					dataType: "json",
					success: function (data) {
						var size = data.length
						if (size > 0) {
							var filterData = data
							var projectNames = $.map(filterData, function (v) {
								return v.projectname
							})
							@if(request.session.get("projectName").isDefined){
							filterData = $.grep(data, function (v) {
								var projectName = "@request.session.get("projectName").get"
								return v.projectname !== projectName
							})
							}
							var html = $.map(filterData, function (v) {
								return "<li><a href='@routes.ProteinController.toIndex()?projectId=" + v.id + "'>" + v.projectname + " </a> </li>"
							}).join(" ")
							$("#projects").html(html)
							@if(request.session.get("projectName").isDefined){
							var projectName = "@(request.session.get("projectName").get)"
							if ($.inArray(projectName, projectNames) != -1) {
								$("#projectAbout").html("当前项目：@(request.session.get("projectName").get)")
							} else {
								$("#projectAbout").html("选择项目")
							}
							}else{
							$("#projectAbout").html("选择项目")
							}

							$("#showProject").show()
						} else {
							$("#showProject").hide()
						}
					}
				})
			}

			function showExp(value) {
				var html = "\t<div id='exp'><div id=\"addRelation\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\">\n" +
						"\t\t\t\t\t\t\t\t\t<div class=\"modal-dialog\" style=\"width: 1070px\">\n" +
						"\t\t\t\t\t\t\t\t\t\t<div class=\"modal-content\">\n" +
						"\t\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header bg-primary\">\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\"></button>\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t<h4 class=\"modal-title\">\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t\t<span id=\"lblAddTitle\" style=\"font-weight: bold\">表达信息柱状图</span>\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t</h4>\n" +
						"\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"expCharts\"  style=\"width: 100%\">\n" +
						"\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
						"\t\t\t\t\t\t\t\t\t\t\t\t</div>\n" +
						"\t\t\t\t\t\t\t\t\t\t</div>\n" +
						"\t\t\t\t\t\t\t\t\t</div>\n" +
						"\t\t\t\t\t\t\t\t</div></div>"
				var expHtml = $("#exp").html()
				if (typeof (expHtml) === "undefined") {
					$("body").append(html)
				}

				var index = layer.load(0, {shade: false})
				$.ajax({
					url: "@routes.ProteinController.plotExp()",
					type: "post",
					data: {
						geneId: value
					},
					success: function (data) {
						layer.close(index)
						if (data.valid == "false") {
							$("#charts").html("没有图片结果生成！")
							swal("Error", data.message, "error")
						} else {
							$("#expCharts").html(data.div)
							$("#addRelation").modal("show")
						}
					}
				});
			}

	</script>
</html>
